<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/header.css">
	    <script type="text/javascript" src="js/html5shiv.min.js" ></script>
	   <script type="text/javascript" src='js/flexible.debug.js'></script>
	</head>
	<body>
		<header>
			<span class="left" onclick="location.href='shouye.html'"><img src="img/qt.png"/></span>
			<span class="center">新品推荐</span>
			<span class="right"></span>
		</header>
		<div class="bg"><img src="img/bg1.png"/></div>
		<section style="max-height: 1500px;">
			<ul class="new-guide">
				<!--<li class="new-guidea-lis">
					<div class="picture"><img src="img/xlyc.png"/></div>
					<div class="content">
						<h2>香辣鸭唇</h2>
						<p>单价:56元/例</p>
						<p>主料:陈皮5克  枣(干大)3颗调料水...</p>
					</div>
				   <p class="yuding">预定</p>
				</li>
				
				<li class="new-guidea-lis">
					<div class="picture"><img src="img/snsg.png"/></div>
					<div class="content">
						<h2>酸奶水果</h2>
						<p>单价:15元/例</p>
						<p>主料:陈皮5克  枣(干大)3颗调料水...</p>
					</div>
				    <p class="yuding">预定</p>
				</li>
				
				<li class="new-guidea-lis">
					<div class="picture"><img src="img/slzc.png"/></div>
					<div class="content">
						<h2>酸辣榨菜鱼</h2>
						<p>单价:38元/例</p>
						<p>主料:陈皮5克  枣(干大)3颗调料水...</p>
					</div>
				    <p class="yuding">预定</p>
				</li>
				
				<li class="new-guidea-lis">
					<div class="picture"><img src="img/czw.png"/></div>
					<div class="content">
						<h2>馋嘴娃</h2>
						<p>单价:48元/例</p>
						<p>主料:陈皮5克  枣(干大)3颗调料水...</p>
					</div>
				    <p class="yuding">预定</p>
				</li>-->
			</ul>
		</section>
		<div class="bga"><img src="img/bg1.png"/></div>
		<footer>
			<ul>
				<li><a href="#" class="curr" onclick="location.href='shouye.html'"><img src="img/fza.png"/>首页</a></li>
				<li><a href="#" onclick="location.href='fujin.html'"><img src="img/qa.png"/>附近</a></li>
				<li><a href="#" onclick="location.href='dingd.html'"><img src="img/th.png"/>订单</a></li>
				<li><a href="#" onclick="location.href='gengduo.html'"><img src="img/xin.png"/>更多</a></li>
			</ul>
		</footer>
        <script src="js/jquery-1.11.2.min.js"></script>
		<script>
			$(function(){
			$.get('js/newtuijian.json',function(data) {
					$.each(data,function(i) {
						var aa=$("<li><li>")
				        aa.appendTo(".new-guide")	
				        $('<div class="picture"><img src="'+data[i].img+'"/></div>').appendTo(aa);
			$('<div class="content"><h2>'+data[i].name+'</h2><p>'+data[i].price+'</p><p>'+data[i].msg+'</p></div>').appendTo(aa);
				        $('<p class="yuding">'+data[i].btn+'</p>').appendTo(aa);
					});
				},"json");
       
            
            $('footer>ul>li>a').click(function() {            	$(this).addClass('curr').parent().siblings().children().removeClass('curr');
           });   
           
           
          }); 
			
		</script>
	</body>
</html>
